<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html">

  <title>响应式旅游旅行社类网站 模板(自适应移动端)</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="order by dede58.com">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link th:href="@{css2/bootstrap.min.css}" rel="stylesheet">
  <link th:href="@{css/swiper-3.3.1.min.css}" rel="stylesheet">
  <link th:href="@{css/animate.css}" rel="stylesheet">
  <link th:href="@{css/style.css}" rel="stylesheet">
  <!--[if lt IE 9]>
  <script th:src="@{js/html5shiv.min.js}"></script>
  <script th:src="@{js/respond.min.js}"></script>
  <![endif]-->
  <script th:src="@{js/jquery-1.11.3.js}" type="text/javascript"></script>
  <script th:src="@{js/jquery.superslide.2.1.1.js}" type="text/javascript"></script>
  <script th:src="@{js/swiper-3.3.1.jquery.min.js}" type="text/javascript"></script>
  <script th:src="@{js/bootstrap.min.js}" type="text/javascript"></script>
  <script th:src="@{js/wow.min.js}" type="text/javascript"></script>
  <script th:src="@{js/funtion.js}" type="text/javascript"></script>
</head>
<body data-spy="scroll">
<div id="wrap_index"> <!-- 侧边导航 -->

  <div class="opacity2"></div>
  <div id="header" class="head visible-lg visible-md">
    <div class="container-fluid">
      <div class="logo wow fadeInLeft col-md-3"><a href="../13097.html"><img th:src="@{picture/logo.png}"></a></div>
      <div class="col-md-9" style="height: 56px;">
        <div class="search col-md-3 wow fadeInRight" style="float: right;">
          <form name="formsearch" th:action="@{/detailbyname}">
            <input type="hidden" name="kwtype" value="0">
            <input class="txt1" type="text" name="tourname" placeholder="请输入关键字" required>
            <input class="btn1" type="submit" value="">
          </form>
        </div>
        <div class="col-md-9 nav wow fadeInDown navbar-nav nav_box" style="float: right; text-align: right;">
          <div class="yiji current"><a th:href="@{/}">首页</a></div>
          <div class="yiji"><a th:href="@{/touserupdate}"><em>个人信息管理</em></a>
            <div style="display:none">
            </div>
        </div><div class="yiji"><a th:href="@{/tourlist}"><em>旅游景点列表</em></a>
          <div class="libox">
            <a th:href="@{/hottourlist}"><em>热门景点</em></a>  </div>
        </div><div class="yiji"><a th:href="@{/querytourbyusername}"><em>我的旅程</em></a>
          <div style="display:none">
          </div>
        </div><div class="yiji"><a th:href="@{/gukebancilist}"><em>我的行程</em></a>
          <div class="libox">
            <a th:href="@{/toqiangpiao}"><em>抢票记录</em></a>    </div>

        </div><div class="yiji"><a th:href="@{/tologin}" ><em>登录</em></a>
          <div class="libox">
            <a th:href="@{/admin}"><em>管理员模式</em></a>    </div>
          <div style="display:none">
          </div>
        </div> </div>
      </div>
    </div>
  </div>
  <div id="molheader" class="visible-sm visible-xs">
    <div class="logomol"><a href="../13097.html"><img th:src="@{picture/logo.png}"></a></div>
    <div class="mol_navbutton"><img th:src="@{picture/menu.png}"></div>
  </div>






  <!-- pcbanner -->
  <div id="myCarousel" class="carousel slide visible-md visible-lg">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <a class="carousel-control left" href="" data-slide="prev"> </a> <a class="carousel-control right" href="" data-slide="next"> </a>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner"> <div class='item active'> <a><img th:src="@{picture/1-1Z10G016130-L.jpg}"><em></em></a> </div>
      <div class='item'> <a><img th:src="@{picture/1-1Z10G016130-L.jpg}"><em></em></a> </div>
      <div class='item'> <a><img th:src="@{picture/1-1Z10G016130-L.jpg}"><em></em></a> </div>
    </div>
  </div>
  <!-- 手机banner -->
  <div id="molbanner" class="visible-xs visible-sm">
    <div class="swiper-container swiper-banner">
      <ul class="swiper-wrapper banner-img">
        <li class="swiper-slide"><a class="pic"><img th:src="@{static/picture/1-1Z10G016130-L.jpg}"></a></li>
        <li class="swiper-slide"><a class="pic"><img th:src="@{static/picture/1-1Z10G016130-L.jpg}"></a></li>
        <li class="swiper-slide"><a class="pic"><img th:src="@{static/picture/1-1Z10G016130-L.jpg}"></a></li>
      </ul>
      <div class="pagination"></div>
      <div class="swiper-button-prev swiper-button-white"></div>
      <div class="swiper-button-next swiper-button-white"></div>
    </div>
  </div>


  <form  id="goupiao"  method="post"  th:action="@{/goupiaolist}">
    <input id="chufadi" name="chufadi" type="text" size="55" placeholder="出发地" required>
    <input id="mudidi" name="mudidi" type="text" size="55" placeholder="目的地"  required>
    <button type="submit" id="btnLogin" size="55">搜索</button>
  </form>

  <div class="section1">
    <ul class="clearfix" >
      <li class="li0 col-md-3 col-xs-6 block" data-move-x="-50px" style="opacity: 0; transform: translateX(-50px);"> 热门目的地<br>
        <em><strong></strong> DESTINATIONS</em> </li>
      <li  th:each="tourlist1:${tourlist}" class="li1 col-md-3 col-xs-6 block" data-rotate-y="180deg" data-move-z="-200px" data-move-x="-300px" style="opacity: 0; transform: translateX(-300px) translateZ(-200px) rotateY(180deg);"> <a th:href="@{/tourdetail(tourid=${tourlist1.getTourid()})}"><img th:src="${tourlist1.getTourimg1()}">
        <div class="mark">
          <div class="wrap_mark">
            <div class="wrap_mark1">
              <h2><i th:text="${tourlist1.getTourname()}">乐山大佛</i> <em></em></h2>
              <p class="visible-lg visible-md"></p>
            </div>
          </div>
        </div>
      </a> </li>

      <li class="li2 col-md-3 col-xs-6 block" data-rotate-y="180deg" data-move-z="-200px" data-move-x="300px" style="opacity: 0; transform: translateX(300px) translateZ(-200px) rotateY(180deg);"> <a th:href="@{/hottourlist}">
        <div class="more">
          <h2>View more</h2>
          <em></em></div>
      </a> </li>
    </ul>
  </div>
  <div class="section2">
    <div class="wrap_section2">
      <h2 class="tt1 block" data-move-y="-50px" style="opacity: 0; transform: translateY(-100px);">关于我们</h2>
      <p class="tt2 block" data-move-y="-50px" style="opacity: 0; transform: translateY(-50px);">About Us <em></em></p>
      <p class="info block" data-move-x="-50px" style="opacity: 0; transform: translateX(-50px);">网上售票系统是为了能让广大人民实现快速购票的系统，同时能够边购票边查看旅游景点的网站，目前系统功能完善，能够适应大多数人的需求，为每个人提供优质的服务和帮助，让每个人能够快速，便捷的去购买自己需要的票</p>
      <a href="a/guanyuwomen/Index.html" class="more"></a>
      <div class="div_img"><img class="img" src="../static/picture/about.jpg"><em></em></div>
    </div>
  </div>


  <div class="footbg clearfix">
    <div class="footwrap col-md-11">
      <div class="logofriendly clearfix">
        <div class="footlogo col-sm-12 col-xs-12 col-md-2 block" data-move-x="-100px" style="opacity: 0; transform: translateX(-100px);"><img src="../static/picture/logo.png"></div>
        <div class="footnav col-sm-12 col-xs-12 col-md-8 block" data-move-x="-100px" style="opacity: 0; transform: translateX(-100px);">友情链接：        </div>
      </div>
      <div class="copyright clearfix">
        <p class="p1">
        </p>
      </div>
    </div>
    <div class="winxin col-md-1 visible-lg visible-md"> <i><img src="../static/picture/weixin.png"></i>
      <h2></h2>
    </div>
  </div>
</div>
<style>
  .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
</body>
<script th:src="@{js/online.js}" type="text/javascript"></script>
</html>